<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zxx" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<!-- Begin Head -->

<head>
    <title>图书管理系统 - 学生管理</title>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <meta name="MobileOptimized" content="320">
    <!--Start Style -->
    <link rel="stylesheet" type="text/css" href="static/css/fonts.css">
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/icofont.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
	<link rel="stylesheet" id="theme-change" type="text/css" href="">
</head>

<body>
	<div class="loader">
	  <div class="spinner">
		<img src="static/picture/loader.gif" alt="">
	  </div> 
	</div>
    <!-- Main Body -->
    <div class="page-wrapper">
        <div th:replace="header.html::header"></div>
        <!-- Sidebar Start -->
        <aside class="sidebar-wrapper">
            <div class="side-menu-wrap">
                <ul class="main-menu">
                    <li>
                        <a href="index">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                            </span>
                            <span class="menu-text">
                                借阅管理
                            </span>
                        </a>
                    </li>

                    <li>
                        <a href="books">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-package"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
                            </span>
                            <span class="menu-text">
                                书籍管理
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="students" class="active">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                            </span>
                            <span class="menu-text">
                                学生管理
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </aside>
        <!-- Container Start -->
        <div class="page-wrapper">
            <div class="main-content">
                <!-- Page Title Start -->
                <div class="row">
                    <div class="colxl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="page-title-wrapper">
                            <div class="page-title-box">
                                <h4 class="page-title bold">图书管理系统</h4>
                            </div>
                            <div class="breadcrumb-list">
                                <ul>
                                    <li class="breadcrumb-link">
                                        <a href="javascript:void(0);"><i class="fas fa-home mr-2"></i>图书管理系统</a>
                                    </li>
                                    <li class="breadcrumb-link active">学生管理</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Products Orders Start -->
                <div class="page-title-wrapper">
                    <div class="page-title-box ad-title-box-use">
                        <h4 class="page-title">学生列表</h4>
                    </div>
                    <div class="ad-breadcrumb">
                       <form>
                           <ul>
                               <li>
                                   <div class="ad-user-btn">
                                       <input class="form-control" type="text" placeholder="输入学生姓名可模糊查询" id="text-input" name="msg">
                                   </div>
                               </li>
                               <li>
                                   <div class="add-group">
                                       <button class="form-control" style="background-color: #007bff" type="submit">搜索</button>
                                   </div>
                               </li>
                               <li>
                                   <div class="add-group">
                                       <a class="ad-btn" href="addStudent">添加学生信息</a>
                                   </div>
                               </li>
                           </ul>
                       </form>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="card-body">
                            <div class="chart-holder">
                                <div class="table-responsive">
                                    <form >
                                        <table class="table table-styled mb-0">
                                            <thead>
                                            <tr>
                                                <th>学生学号</th>
                                                <th>学生姓名</th>
                                                <th>学生性别</th>
                                                <th>学生年级</th>
                                                <th>删除学生</th>
                                                <th>修改信息</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr th:each="student:${studentList}">
                                                <td th:text="${student.getSid()}" name="sid">1</td>
                                                <td th:text="${student.getName()}" name="name">小明</td>
                                                <td th:text="${student.getSex()}" name="sex">男</td>
                                                <td th:text="${student.getGrade()}" name="grade">2019</td>
                                                <td class="relative">
                                                    <a class="action-btn " th:href="'deleteStudent?sid='+${student.getSid()}">
                                                        <svg class="default-size " viewBox="0 0 341.333 341.333 ">
                                                            <g>
                                                                <g>
                                                                    <g>
                                                                        <path d="M170.667,85.333c23.573,0,42.667-19.093,42.667-42.667C213.333,19.093,194.24,0,170.667,0S128,19.093,128,42.667 C128,66.24,147.093,85.333,170.667,85.333z "></path>
                                                                        <path d="M170.667,128C147.093,128,128,147.093,128,170.667s19.093,42.667,42.667,42.667s42.667-19.093,42.667-42.667 S194.24,128,170.667,128z "></path>
                                                                        <path d="M170.667,256C147.093,256,128,275.093,128,298.667c0,23.573,19.093,42.667,42.667,42.667s42.667-19.093,42.667-42.667 C213.333,275.093,194.24,256,170.667,256z "></path>
                                                                    </g>
                                                                </g>
                                                            </g>
                                                        </svg>
                                                    </a>
                                                </td>
                                                <th>
                                                    <a style="border: 1px" th:href="'updateStudent?n='+${student.getName()}+'&s='+${student.getSex()}+'&g='+${student.getGrade()}+'&id='+${student.getSid()}" class="mb-0 badge badge-primary" title="" data-original-title="Pending">修改</a>
                                                </th>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </form>
                                </div>
                            </div>
                            <div class="text-right">
                                <nav class="d-inline-block">
                                    <ul class="pagination mb-0 ">
                                        <li class="page-item active"><a class="page-link" th:href="'students?page='+${1}">首页</a></li>
                                        <li class="page-item">
                                            <a class="page-link" th:href="'students?page='+${(pageInfo.pageNum)-1}"><i class="fas fa-chevron-left"></i></a>
                                        </li>
                                        <li class="page-item"><a class="page-link" th:href="'students?page='+${1}">1</a></li>
                                        <li class="page-item "><a class="page-link" th:href="'students?page='+${2}">2</a></li>
                                        <li class="page-item "><a class="page-link" th:href="'students?page='+${3}">3</a></li>
                                        <li class="page-item">
                                            <a class="page-link" th:href="'students?page='+${(pageInfo.pageNum)<pageInfo.getPages()?(pageInfo.pageNum)+1:pageInfo.getPages()}"><i class="fas fa-chevron-right "></i></a>
                                        </li>
                                        <li class="page-item active"><a class="page-link" th:href="'students?page='+${pageInfo.getPages()}">尾页</a></li>
                                    </ul>
                                </nav>
                            </div>
                            <div style="float: right">
                                <p th:text="'共'+${pageInfo.getPages()}+'页'" style="float: right;margin-right: 100px;margin-top: 5px"></p>
                                <P th:text="'当前第'+${pageInfo.pageNum<1?1:pageInfo.pageNum}+'页'" style="float: right;margin-right: 20px;margin-top: 5px"></P>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Script Start -->
	<script src="static/js/jquery.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
	<script src="static/js/swiper.min.js"></script>
    <script src="static/js/apexcharts.min.js"></script>
    <script src="static/js/control-chart-apexcharts.js"></script>
	<!-- Page Specific -->
    <script src="static/js/nice-select.min.js"></script>
    <!-- Custom Script -->
    <script src="static/js/custom.js"></script>
</body>

</html>